<template>
    <div class="aside">
         <div class="articles">
          <h1>item1</h1>
         </div>
       <div class="articles">
        <h1>item2</h1>
       </div>
       <div class="articles">
        <h1>item3</h1>
        </div>
    </div>
   
</template>

<script>
export default {
    name: 'Article',
    name1: 'Article1',
}   
</script>   

<style>
  .articles {
      background-color: blue;
      margin-bottom: 20px;
      text-align: center;
      width: 315%;
      float: right;
   }

   .aside {
        width: 10%;
        height: 100px;
        float: right;
   }

</style>    